<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="icon" href="../favicon.ico" />
	<title>Hello React</title>
</head>
<body>
	<!--  准备好一个容器 -->
	<div id="test"></div>
		
	<!-- 引入react核心库 -->
	<script type="text/javascript" src="../js/react.development.js"></script>
	<!-- 引入react-dom,用于支持react操作DOM -->
	<script type="text/javascript" src="../js/react-dom.development.js"></script>
	<!-- 引入babel,用于将 jsx转为 js-->
	<script type="text/javascript" src="../js/babel.min.js"></script>
	
	<script type="text/babel"> /* 此处一定要写babel */
		//1.创建虚拟DOM
		const VDOM = <h1>Hello,React</h1> /* 此处一定不要写引号，因为是虚拟DOM，不是字符串 */
		//2. 渲染虚拟DOM到页面
		ReactDOM.render(VDOM, document.getElementById("test"))
		
	</script>
</body>
</html>
